<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>TzMarlon</title>
		<%@include file="/WEB-INF/pages/common/common.jsp"%>
		<script type="text/javascript" src="${basePath}/resources/js/tm_Relation.js" ></script>
	</head>
	<body style="background:url(${basePath}/resources/images/bg2.jpg)" data-type="2" data-filterid="${article.id}">
		<!--头部-->
		<%@include file="../common/header.jsp" %>
		<!-- 内容区 -->
		<div class="container">
			<div class="content mt28">
				<p class="info">
					<span>作者：${article.username}</span>
					<span>${article.createTime}<i class="iconfont"></i></span>
				</p>
			</div>
			<hr/>
			<h1 style="margin:28px 0px 20px 0px;">${article.title}</h1>
			<div class="content mb15">
				<p class="info">
					<span>字数(10000)</span>
					<span>阅读(${article.hits})</span>
					<span>评论(${article.comments})</span>
					<span>分类(${article.channel})</span>
				</p>
			</div>
			<div class="mbox">
				<div class="tit_over"><img src="${basePath}/${article.headpic}" width="100%" height="100%"/></div>
			</div>
			<div class="content mt28"><p style="text-indent:2em;line-height:1.8">${article.content}</p></div>
			<div class="content mt28">
				<div class="pre-readings fl">上一篇：<a href="" >手机直播连麦技术分析</a></div>
				<div class="next-readings fr">下一篇： 暂无</div>
			</div>
			<div id="comments">
				<div class="areabox">
					<textarea id="content" placeholder="请输入你要讲评论..."></textarea>
					<div class="subtn"><a href="javascript:volid(0)" onclick="tmRelation.saveComment()" class="fr"><i class="iconfont icon-fabiao"></i>发表言论</a></div>
				</div>
				<hr/>
				<div class="commentbox"></div>
			</div>
			<!--ie678不支持--->
		</div>
		<!-- end 内容区 -->
		<%@include file="../common/footer.jsp" %>
		<!--底部-->
		<script type="text/javascript">
			/*损坏图片的处理方案*/
			$(function(){
				$("img").on("error",function(){
					$(this).attr("src",basePath+"/resource/images/noimage.gif");
				});
				tmRelation.loadComment(2);
			});
		</script>
	</body>
</html>